// 全局样式
//vant自定义tabs
.sc-tabs {

    .u-tabs__wrapper__nav__line {
        background: linear-gradient(136deg, #6db6ff 0%, #349aff 100%) !important;
        border-radius: 16rpx !important;
        bottom: 18rpx !important;
        z-index: 1 !important;
        height: 20rpx !important;

    }

    .u-tabs__wrapper__nav__item__text {
        z-index: 9;
    }

    .u-tabs__wrapper {
        background-color: #ffffff;
    }
}
.sc-title-2{
    color:$color;
    font-size: 32rpx;
    //font-weight: bold;

}

.sc-tabs-orange {
    .u-tabs__wrapper__nav__line {
        background: linear-gradient(136deg, #ffbd23 0%, #ffbd23 100%) !important;
        border-radius: 16rpx !important;
        bottom: 18rpx !important;
        z-index: -10 !important;
        height: 20rpx !important;
    }
}

.sc-subsection{
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.06);
    border-radius: 8px 8px 8px 8px;
    .u-subsection{
        .u-subsection__bar{
            background:#6DB6FF;
        }
    }

}

.u-popup__content {
    height: auto !important;
}

.placeholder-style {
    color: #CCCCCC;
}

//底部固定btn
.fixed-btn {
    width: 100%;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    height: 160rpx;
    padding-bottom: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.06);
}

/* //分享按钮 */

.share-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

//ios禁止页面回弹效果
.stop-scroll {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow-y: scroll;
}


/* //分享按钮  覆盖试图*/

.cover-view {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.bgf5 {
    background: #f5f5f5;
}

/* 必选样式 */

.required {
    position: relative;
}

.required::before {
    left: 7rpx;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "*";
    color: red;
    font-size: 20rpx;
}


/* 弧形背景 */


/* 风格1 */

.gradient-top {
    width: 100%;
    height: 200rpx;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.gradient-top::after {
    content: "";
    width: 100%;
    height: 200rpx;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 0 0 40% 40%;
    /* background: linear-gradient(160deg, #1496f1, #e0f0fa); */
    background: #2492FF;
}

// 风格2
.gradient-top-1 {
    width: 100%;
    height: 355rpx;
    position: relative;
    overflow: hidden;
    background: transparent;
}

// 填充中间部位
.gradient-top-1::before {
    content: "";
    width: 100%;
    height: 100rpx;
    position: absolute;
    left: 0;
    top: 0rpx;
    z-index: -1;
    background: #2492ff;
}

// 使下半部分更扁
.gradient-top-1::after {
    content: "";
    width: 100%;
    height: 255rpx;
    position: absolute;
    left: 0;
    top: 100rpx;
    z-index: -1;
    border-radius: 0 0 50% 50%;
    /* background: linear-gradient(160deg, #1496f1, #e0f0fa); */
    background: #2492ff;
}
